<template>
  <div id="ban">
    <span>
      <button @click="sub">-</button>
      <span>{{qu}}</span>
      <button @click="add">+</button>
    </span>
  </div>
</template>

<script>

export default {
  props: ["qu", "index"],
  data() {
    return {};
  },
  methods: {
    sub() {
      this.$emit("sub", this.index);
    },
    add() {
      this.$emit("add", this.index);
    }
  }
};
</script>

<style>

</style>
